<template>
    <div class="comprehensiveInquiryDetail">
        <!-- <van-tabs v-model="active" color="#007AFF">
            <van-tab :title="'批准宅基地及建房情况'"> -->
        <inputSelect :isShowCity="false" :contentData.sync="contentData" :JFData.sync="JFData" :title="'批准宅基地及建房情况'"
            @getValues="getValues" />
        <!-- </van-tab>
            <van-tab :title="'四至'"> -->
        <inputSelect :isShowCity="false" :contentData.sync="sizhiData" :JFData.sync="JFData" :title="'四至'"
            @getValues="getValues" />
        <!-- </van-tab>
            <van-tab :title="'地类'"> -->
        <inputSelect :isShowCity="false" :contentData.sync="dileiData" :JFData.sync="JFData" :title="'地类'"
            @getValues="getValues" />
        <!-- </van-tab>
            <van-tab :title="'农污设施'"> -->
        <inputSelect :isShowCity="false" :contentData.sync="nwssData" :JFData.sync="JFData" :title="'农污设施'"
            @getValues="getValues" />
        <!-- </van-tab>
            <van-tab :title="'图集信息'"> -->
        <inputSelect :isShowCity="false" :contentData.sync="tjxxData" :JFData.sync="TJJFData" :title="'图集信息'"
            @getValues="getValues" @getButton1="getButton1" />
        <!-- </van-tab>
        </van-tabs> -->
    </div>
</template>
<script>
import { GSA_Search } from '@/common/commonApi'
import inputSelect from '../public/inputSelect'
import dd from 'gdt-jsapi'
export default {
    name: 'comprehensiveInquiryDetail',
    data() {
        return {
            active: 0,
            TJJFData: [{
                TJLX: "",
                TJMC: "",
                TJBH: "",
            }],
            JFData: [
                {
                    JFXZ: "",
                    address: "",
                    fjzdmj: "",
                    zjdmj: "",
                    jzjg: "",
                    ghq: "",
                    jzmj: "",
                    jzgd: "",
                    jzcs: "",
                    hasdxs: "",
                    nz: "",
                    dz: "",
                    bz: "",
                    xz: "",
                    dl_nyd: "",
                    dl: "",
                    dl_nyd_qt: "",
                    rzjj: "",
                    if_xlrty: "",
                    wqsc: "",
                    nwss: "",
                    beizhu: "",
                }
            ],
            contentData: [
                {
                    label: '性质',
                    key: 'JFXZ',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    emitData: 'db35edee-88e0-4fae-b14a-868ed4beb1d9',
                    NYDARR: []
                },
                {
                    label: '地址',
                    key: 'address', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '宅基地面积(㎡)',
                    key: 'zjdmj', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '房基占地面积(㎡)',
                    key: 'fjzdmj', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '规划区',
                    key: 'GHQ',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    isOtherSealf: true,
                    emitData: '9b7e6eba-f7a0-4684-b820-8357dd92ae32',
                    NYDARR: []
                },
                {
                    label: '建筑结构',
                    key: 'jzjg',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    emitData: 'b65d1943-66f4-49b1-b759-cd9f079dc0d3',
                    NYDARR: []
                },
                {
                    label: '建筑面积(㎡)',
                    key: 'jzmj', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '建筑层数(层)',
                    key: 'jzcs', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '建筑高度(m)',
                    key: 'jzgd', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
            ],
            sizhiData: [
                {
                    label: '东至',
                    key: 'DZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '南至',
                    key: 'NZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '西至',
                    key: 'XZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '北至',
                    key: 'BZ', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            dileiData: [
                {
                    label: '地类',
                    key: 'DL',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    emitData: 'd2ec96d4-b5bc-404a-a9f1-34db915c694b',
                    NYDARR: []
                },
                {
                    label: '农用地',
                    key: 'DL_NYD', //绑定的字段
                    ISinput: false, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false, //true:可以时间选择器 false：下拉框
                    emitData: '52215e71-341a-452b-8823-a8d4aae058ab',
                    NYDARR: []
                }, {
                    label: '其他',
                    key: 'DL_NYD_QT', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    emitData: '2c478392-9c1b-40da-b941-41e4b8c9d6d3',
                    NYDARR: []
                }, {
                    label: '日照间距',
                    key: 'rzjj', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '涉及相邻关系的,是否已征得相邻权利人同意',
                    key: 'IF_XLRTY',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    emitData: '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d',
                    NYDARR: []
                },
                {
                    label: '外墙色彩',
                    key: 'WQSC', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                }
            ],
            nwssData: [
                {
                    label: '农污设施建设情况',
                    key: 'NWSS',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    emitData: 'd0ad1260-14c9-4b2e-ac11-9ee6ec9c95f4',
                    NYDARR: []
                },
                {
                    label: '设施名称',
                    key: 'SSMC', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
                {
                    label: '设施编号',
                    key: 'SSBH', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框
                },
            ],
            tjxxData: [
                {
                    label: '图集类型',
                    key: 'TJLX',
                    ISinput: false,
                    required: false,
                    readonly: false,
                    isTime: false,
                    emitData: '9b93f111-a6a3-4eac-a86f-f4b7e1ff4b30',
                    NYDARR: []
                },
                {
                    label: '图集编号',
                    key: 'TJBH', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false, //true:可以时间选择器 false：下拉框
                },
                {
                    label: '图集名称',
                    key: 'TJMC', //绑定的字段
                    ISinput: true, //true:输入框
                    required: false, //true: 必填项
                    readonly: false, //true:可以填写 false：不可以填写
                    isTime: false //true:可以时间选择器 false：下拉框

                }
            ],
        }
    },
    watch: {},
    components: {
        inputSelect
    },
    methods: {
        getValues(name, value, label) {
            console.log(name, value, label, this.JFData)
        },
        getButton1(data) {
            //查看图集
            if (data.key == 'TJBH') {
                this.$router.push({
                    path: '/BuildingServerv2',
                    query: {
                        id: '不能编辑',
                        data: this.TJJFData[0].TJBH
                    }
                })
            }
        },
        async getTJInfo() {
            let datasTJ = [{ field: 'to_row_guid', value: this.rowData.ROW_GUID }]
            const resNoDataTJ = await GSA_Search('ba906ba1-8d90-42da-971c-3ad7995f92c0', datasTJ)
            if (resNoDataTJ.Data && resNoDataTJ.Data.length > 0) {
                this.TJJFData = resNoDataTJ.Data
            } else {
                this.TJJFData = [this.rowData]
            }
        },
        async getData() {
            let data = [{ field: 'house_spxxV2.TO_ROW_GUID', value: this.rowData.ROW_GUID }]
            const res = await GSA_Search('9e433235-671d-4b4e-a3c2-676d714494d2', data)
            if (res.Data && res.Data.length > 0) {
                this.JFData = res.Data
            } else {
                this.JFData = [this.rowData]
            }
        },
    },
    mounted() {
        this.rowData = JSON.parse(this.$route.query.data);
        this.getData()
        this.getTJInfo()
        dd.ready(function () {
            dd.setTitle({
                title: '综合查询详情',
            }).then((res) => { }).catch((err) => {
                console.error(err)
            })
        })
    }
}
</script>
<style lang="scss">
.comprehensiveInquiryDetail {
    height: 100vh;
    overflow: auto;
    background: #ffffff;

    .title {
        width: 100%;
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        line-height: 40px;
    }

    .jbxx {
        padding: 0 10px;
    }

    .van-field__label {
        color: #000;
    }
}
</style>
<style lang="scss">
.comprehensiveInquiryDetail {

    .van-field__control,
    .van-field__error-message {
        text-align: right !important;
    }

    .van-field__label {
        width: auto !important;
    }
}
</style>
